<template>
  <div class="zt-pubArea">
    <Form
      ref="formInline"
      :model="formInline"
      :inline="isInline"
      :label-width="80"
    >
      <Form-item label="镇/街道：">
        <Select
          v-model="formInline.street_code"
          clearable
          style="width: 200px"
          @on-change="streetChange"
        >
          <Option
            v-for="item in streetList"
            :value="item.street_code"
            :key="item.id"
            >{{ item.name }}</Option
          >
        </Select>
      </Form-item>
      <Form-item label="村/社区：" v-if="isShowCommunity">
        <Select
          v-model="formInline.community_code"
          clearable
          style="width: 200px"
          @on-change="communityChange"
        >
          <Option
            v-for="item in communityList"
            :value="item.community_code"
            :key="item.id"
            >{{ item.name }}</Option
          >
        </Select>
      </Form-item>
      <Form-item label="网格：" v-if="isShowGrid">
        <Select v-model="formInline.grid_id" clearable style="width: 200px">
          <Option v-for="item in gridList" :value="item.id" :key="item.id">{{
            item.name
          }}</Option>
        </Select>
      </Form-item>
      <Form-item label="小区：" v-if="isShowComplex">
        <Select v-model="formInline.complex_id" clearable style="width: 200px">
          <Option v-for="item in complexList" :value="item.id" :key="item.id">{{
            item.name
          }}</Option>
        </Select>
      </Form-item>
      <!-- <Form-item label="所属部门：" v-if="isShowDepartments">
        <Select
          v-model="formInline.department_name"
          clearable
          style="width: 200px"
        >
          <Option
            v-for="item in departmentList"
            :value="item.id"
            :key="item.id"
            >{{ item.name }}</Option
          >
        </Select>
      </Form-item> -->
      <Form-item v-if="isShowBtns">
        <Button type="primary">查询</Button>
        <Button type="primary">新增</Button>
      </Form-item>
    </Form>
  </div>
</template>
<script lang="ts" src="./pubArea.ts"></script>